<template>
  <div>
    <el-row :gutter="15">
      <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="100px">
        <el-col :span="21">
          <el-form-item label="支架术" prop="field142">
            <el-radio-group v-model="formData.field142" size="medium">
              <el-radio v-for="(item, index) in field142Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-radio>
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="21">
          <el-form-item label="支架手术史" prop="field143">
            <el-radio-group v-model="formData.field143" size="medium">
              <el-radio v-for="(item, index) in field143Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-radio>
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="21">
          <el-form-item label="手术时间" prop="field147">
            <el-input v-model="formData.field147" placeholder="请输入手术时间（年）" clearable :style="{width: '100%'}">
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="21">
          <el-form-item label="实施 CAS 手术机构名称" prop="field148">
            <el-input v-model="formData.field148" placeholder="请输入实施 CAS 手术机构名称" clearable
              :style="{width: '100%'}"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="21">
          <el-form-item label="术后复查" prop="field149">
            <el-radio-group v-model="formData.field149" size="medium">
              <el-radio v-for="(item, index) in field149Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-radio>
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="21">
          <el-form-item label="复查时间" prop="field150">
            <el-radio-group v-model="formData.field150" size="medium">
              <el-radio v-for="(item, index) in field150Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-radio>
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="复查检查方式" prop="field151">
            <el-checkbox-group v-model="formData.field151" :max="4" size="medium">
              <el-checkbox v-for="(item, index) in field151Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-checkbox>
            </el-checkbox-group>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="术后再狭窄" prop="field152">
            <el-radio-group v-model="formData.field152" size="medium">
              <el-radio v-for="(item, index) in field152Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-radio>
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="再次干预" prop="field153">
            <el-radio-group v-model="formData.field153" size="medium">
              <el-radio v-for="(item, index) in field153Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-radio>
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="21">
          <el-form-item label="治疗方式" prop="field156">
            <el-radio-group v-model="formData.field156" size="medium">
              <el-radio v-for="(item, index) in field156Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-radio>
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="21">
          <el-form-item label="内膜剥脱术（CEA）" prop="field157">
            <el-radio-group v-model="formData.field157" size="medium">
              <el-radio v-for="(item, index) in field157Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-radio>
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="内膜剥脱术（CEA）手术史" prop="field158">
            <el-radio-group v-model="formData.field158" size="medium">
              <el-radio v-for="(item, index) in field158Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-radio>
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="21">
          <el-form-item label="手术时间" prop="field159">
            <el-input v-model="formData.field159" placeholder="请输入手术时间（年）" clearable :style="{width: '100%'}">
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="21">
          <el-form-item label="实施 CAS 手术机构名称" prop="field160">
            <el-input v-model="formData.field160" placeholder="请输入实施 CEA 手术机构名称" clearable
              :style="{width: '100%'}"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="21">
          <el-form-item label="术后复查" prop="field161">
            <el-radio-group v-model="formData.field161" size="medium">
              <el-radio v-for="(item, index) in field161Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-radio>
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="21">
          <el-form-item label="复查时间" prop="field162">
            <el-radio-group v-model="formData.field162" size="medium">
              <el-radio v-for="(item, index) in field162Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-radio>
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="复查检查方式" prop="field163">
            <el-checkbox-group v-model="formData.field163" :max="4" size="medium">
              <el-checkbox v-for="(item, index) in field163Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-checkbox>
            </el-checkbox-group>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="术后再狭窄" prop="field164">
            <el-radio-group v-model="formData.field164" size="medium">
              <el-radio v-for="(item, index) in field164Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-radio>
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="再次干预" prop="field165">
            <el-radio-group v-model="formData.field165" size="medium">
              <el-radio v-for="(item, index) in field165Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-radio>
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="21">
          <el-form-item label="治疗方式" prop="field166">
            <el-radio-group v-model="formData.field166" size="medium">
              <el-radio v-for="(item, index) in field166Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-radio>
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="颅内外血管搭桥术" prop="field168">
            <el-radio-group v-model="formData.field168" size="medium">
              <el-radio v-for="(item, index) in field168Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-radio>
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="21">
          <el-form-item label="手术时间" prop="field169">
            <el-input v-model="formData.field169" placeholder="请输入手术时间（年）" clearable :style="{width: '100%'}">
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="介入术(PCI)" prop="field170">
            <el-radio-group v-model="formData.field170" size="medium">
              <el-radio v-for="(item, index) in field170Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-radio>
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="21">
          <el-form-item label="手术时间" prop="field171">
            <el-input v-model="formData.field171" placeholder="请输入手术时间（年）" clearable :style="{width: '100%'}">
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="搭桥术(CABG)" prop="field172">
            <el-radio-group v-model="formData.field172" size="medium">
              <el-radio v-for="(item, index) in field172Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-radio>
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="21">
          <el-form-item label="手术时间" prop="field173">
            <el-input v-model="formData.field173" placeholder="请输入手术时间（年）" clearable :style="{width: '100%'}">
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="是否接受过出血性卒中外科治疗" prop="field175">
            <el-radio-group v-model="formData.field175" size="medium">
              <el-radio v-for="(item, index) in field175Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-radio>
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="21">
          <el-form-item label="治疗方式" prop="field176">
            <el-input v-model="formData.field176" placeholder="请输入治疗方式" clearable :style="{width: '100%'}">
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="21">
          <el-form-item label="治疗时间" prop="field177">
            <el-input v-model="formData.field177" placeholder="请输入治疗时间" clearable :style="{width: '100%'}">
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item size="large">
            <el-button type="primary" @click="submitForm">提交</el-button>
            <el-button @click="resetForm">重置</el-button>
          </el-form-item>
        </el-col>
      </el-form>
    </el-row>
  </div>
</template>
<script>
export default {
  components: {},
  props: [],
  data() {
    return {
      formData: {
        field142: undefined,
        field143: [],
        field147: undefined,
        field148: undefined,
        field149: undefined,
        field150: 5,
        field151: [],
        field152: undefined,
        field153: undefined,
        field156: "",
        field157: undefined,
        field158: [],
        field159: undefined,
        field160: undefined,
        field161: undefined,
        field162: "",
        field163: [],
        field164: undefined,
        field165: undefined,
        field166: undefined,
        field168: undefined,
        field169: undefined,
        field170: undefined,
        field171: undefined,
        field172: undefined,
        field173: undefined,
        field175: undefined,
        field176: undefined,
        field177: undefined,
      },
      rules: {
        field142: [],
        field143: [],
        field147: [],
        field148: [],
        field149: [],
        field150: [],
        field151: [],
        field152: [],
        field153: [],
        field156: [],
        field157: [],
        field158: [],
        field159: [],
        field160: [],
        field161: [],
        field162: [],
        field163: [],
        field164: [],
        field165: [],
        field166: [],
        field168: [],
        field169: [],
        field170: [],
        field171: [],
        field172: [],
        field173: [],
        field175: [],
        field176: [],
        field177: [],
      },
      field142Options: [{
        "label": "否",
        "value": 1
      }, {
        "label": "是",
        "value": 2
      }],
      field143Options: [{
        "label": "左",
        "value": 1
      }, {
        "label": "右",
        "value": 2
      }, {
        "label": "双侧",
        "value": 3
      }],
      field149Options: [{
        "label": "否",
        "value": 1
      }, {
        "label": "是",
        "value": 2
      }],
      field150Options: [{
        "label": "术后",
        "value": 1
      }, {
        "label": "三个月",
        "value": 2
      }, {
        "label": "术后6个月",
        "value": 3
      }, {
        "label": "术后一年",
        "value": 4
      }, {
        "label": "术后两年及以上",
        "value": 5
      }],
      field151Options: [{
        "label": "超声",
        "value": 1
      }, {
        "label": "CTA",
        "value": 2
      }, {
        "label": "MRI",
        "value": 3
      }, {
        "label": "DSA",
        "value": 4
      }],
      field152Options: [{
        "label": "否",
        "value": 1
      }, {
        "label": "是",
        "value": 2
      }],
      field153Options: [{
        "label": "否",
        "value": 1
      }, {
        "label": "是",
        "value": 2
      }],
      field156Options: [{
        "label": "CEA",
        "value": 1
      }, {
        "label": "CAS",
        "value": 2
      }, {
        "label": "保守治疗",
        "value": 3
      }],
      field157Options: [{
        "label": "否",
        "value": 1
      }, {
        "label": "是",
        "value": 2
      }],
      field158Options: [{
        "label": "左",
        "value": 1
      }, {
        "label": "右",
        "value": 2
      }, {
        "label": "双侧",
        "value": 3
      }],
      field161Options: [{
        "label": "否",
        "value": 1
      }, {
        "label": "是",
        "value": 2
      }],
      field162Options: [{
        "label": "术后",
        "value": 1
      }, {
        "label": "三个月",
        "value": 2
      }, {
        "label": "术后6个月",
        "value": 3
      }, {
        "label": "术后一年",
        "value": 4
      }, {
        "label": "术后两年及以上",
        "value": 5
      }],
      field163Options: [{
        "label": "超声",
        "value": 1
      }, {
        "label": "CTA",
        "value": 2
      }, {
        "label": "MRI",
        "value": 3
      }, {
        "label": "DSA",
        "value": 4
      }],
      field164Options: [{
        "label": "否",
        "value": 1
      }, {
        "label": "是",
        "value": 2
      }],
      field165Options: [{
        "label": "否",
        "value": 1
      }, {
        "label": "是",
        "value": 2
      }],
      field166Options: [{
        "label": "CEA",
        "value": 1
      }, {
        "label": "CAS",
        "value": 2
      }, {
        "label": "保守治疗",
        "value": 3
      }],
      field168Options: [{
        "label": "否",
        "value": 1
      }, {
        "label": "是",
        "value": 2
      }],
      field170Options: [{
        "label": "否",
        "value": 1
      }, {
        "label": "是",
        "value": 2
      }],
      field172Options: [{
        "label": "否",
        "value": 1
      }, {
        "label": "是",
        "value": 2
      }],
      field175Options: [{
        "label": "否",
        "value": 1
      }, {
        "label": "是",
        "value": 2
      }],
    }
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {
    submitForm() {
      this.$refs['elForm'].validate(valid => {
        if (!valid) return
        // TODO 提交表单
      })
    },
    resetForm() {
      this.$refs['elForm'].resetFields()
    },
  }
}

</script>
<style>
</style>
